<template>
  <div class="circle-temp" :style="{ background: color }">
    <span :style="{ background: color }"></span>
  </div>
</template>
<script>
export default {
  name: 'circleTemp',
  props: ['color']
}
</script>

<style scoped lang="less">
.circle-temp {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  display: inline-block;
  box-sizing: border-box;

  span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    border: 4px solid #fff;
    margin: 3px;
  }
}
</style>